import { Row, Col, Divider } from 'antd';
import styles from './index.less';
import * as echarts from 'echarts';
import ReactEcharts from 'echarts-for-react';
import {
  option1,
  option2,
  option3,
  option4,
  option5,
  option6,
} from '../../assets/mapOption/Cylindrica';
const index = () => {
  return (
    <>
      <Divider orientation="left">Horizontal</Divider>
      <div className={styles.content}>
        <div>
          <ReactEcharts option={option1} />
        </div>
        <div>
          <ReactEcharts option={option2} />
        </div>
      </div>
      <Divider orientation="left">Horizontal</Divider>
      <div className={styles.content}>
        <div>
          <ReactEcharts option={option3} />
        </div>
        <div>
          <ReactEcharts option={option4} />
        </div>
      </div>
      <Divider orientation="left">Horizontal</Divider>
      <div className={styles.content}>
        <div>
          <ReactEcharts option={option5} />
        </div>
        <div>
          <ReactEcharts option={option6} />
        </div>
      </div>
    </>
  );
};

export default index;
